<template>
	<scroll-view class="scroll" scroll-y="true" @refresherrefresh="refreshAction" @scrolltolower="toLowerAction"
		refresher-enabled="true">
		<div class="page">
			<div class="grid box-border column_2 p_xs">
				<div class="grid-item box-border p_xs" v-for="item in dataList" :key="item.id">
					<Good @click="navigate(`/pages/detail/detail?id=${item.id}`)" :good="item"></Good>
				</div>
			</div>
		</div>
	</scroll-view>
</template>

<script>
	import {
		getCollectGoodList
	} from '@/api/good.api';
	import {
		pageMixin
	} from '../../mixins/index';
	import Good from '../../components/good/good.vue';


	export default {
		mixins: [pageMixin(getCollectGoodList)],
		components: {
			Good
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>